<template>
	<view class="regulationInfo-wrap" v-if="regulationInfo.regulationContent">
		<view class="regulationInfo-content">
			<text :decode="true">{{regulationInfo.regulationContent}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['regulationInfo']
	}
</script>

<style lang="scss" scoped>
	.regulationInfo-wrap {
		box-sizing: border-box;
		padding: 20rpx 36rpx;
		.regulationInfo-content {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 5;
			/*! autoprefixer: off */
			-webkit-box-orient: vertical;
			/* autoprefixer: on */
		}
	}
</style>
